﻿<!DOCTYPE html>
<html>
<head>
    <title>@ViewBag.Title - Mèo béo Guitar</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="Mèo béo Guitar" />
    <meta name="keywords" content="Guitar, dạy guitar, học guitar, bài giảng guitar, ebook dạy guitar" />
    <meta name="author" content="Mèo béo" />
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <link href="@Url.Content("~/css/style-sub.css")" rel="stylesheet" type="text/css" media="all" />
    <link href="@Url.Content("~/css/form.css")" rel="stylesheet" type="text/css" media="all" />
    <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800' rel='stylesheet' type='text/css'>
    <script type="text/javascript" src="@Url.Content("~/js/jquery.min.js")"></script>
    <script type="text/javascript" src="@Url.Content("~/js/modernizr.custom.79639.js")"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            $(".dropdown img.flag").addClass("flagvisibility");

            $(".dropdown dt a").click(function () {
                $(".dropdown dd ul").toggle();
            });

            $(".dropdown dd ul li a").click(function () {
                var text = $(this).html();
                $(".dropdown dt a span").html(text);
                $(".dropdown dd ul").hide();
                $("#result").html("Selected value is: " + getSelectedValue("sample"));
            });

            function getSelectedValue(id) {
                return $("#" + id).find("dt a span.value").html();
            }

            $(document).bind('click', function (e) {
                var $clicked = $(e.target);
                if (!$clicked.parents().hasClass("dropdown"))
                    $(".dropdown dd ul").hide();
            });


            $("#flagSwitcher").click(function () {
                $(".dropdown img.flag").toggleClass("flagvisibility");
            });
        });
    </script>
    <!-- start menu -->
    <link href="css/megamenu.css" rel="stylesheet" type="text/css" media="all" />
    <script type="text/javascript" src="js/megamenu.js"></script>
    <script>$(document).ready(function () { $(".megamenu").megamenu(); });</script>
    <!-- end menu -->
    <!-- top scrolling -->
    <script type="text/javascript" src="js/move-top.js"></script>
    <script type="text/javascript" src="js/easing.js"></script>
    <script type="text/javascript">
        jQuery(document).ready(function ($) {
            $(".scroll").click(function (event) {
                event.preventDefault();
                $('html,body').animate({ scrollTop: $(this.hash).offset().top }, 1200);
            });
        });
    </script>
</head>
<body>
    <div class="header-top">
        <div class="wrap">
            <div class="logo">
                <a href="index.html">
                    <img src="images/logo1.png" alt="" width="182" height="41" /></a>
            </div>
            <div class="cssmenu">
                <ul>
                    <li class="active"><a href="register.html">Đăng nhập & mua sắm</a></li>
                    <li><a href="#">Giỏ hàng</a></li>
                    <li><a href="login.html">Tài khoản</a></li>
                    <li><a href="checkout.html">Thoát</a></li>
                </ul>
            </div>
            <ul class="icon2 sub-icon2 profile_img">
                <li><a class="active-icon c2" href="#"></a>
                    <ul class="sub-icon2 list">
                        <li>
                            <h3>Các tiêu chí của shop..</h3>
                            <a href=""></a></li>
                        <li>
                            <p>Đàn Guitar, consectetuer  <a href="">adipiscing elit, sed diam</a></p>
                        </li>
                    </ul>
                </li>
            </ul>
            <div class="clear"></div>
        </div>
    </div>
    <div class="header-bottom">
        <div class="wrap">
            <!-- start header menu -->
            <ul class="megamenu skyblue">
                <li>@Html.ActionLink("Trang chủ", "Index", "Home")</li>
                <li class="grid"><a class="color2" href="#">Shop Guitar</a>
                    <div class="megapanel">
                        <div class="row">
                            <div class="col3">
                                <div class="h_nav">
                                    <h4>Sản phẩm tiêu biểu</h4>
                                    <ul>
                                        <li><a href="#">Loại tiêu biểu 1</a></li>
                                        <li><a href="#">Loại Tiêu biểu 2</a></li>
                                        <li><a href="#">Loại Tiêu biểu 3</a></li>
                                    </ul>
                                </div>
                            </div>
                            <div class="col1">
                                <div class="h_nav">
                                    <h4>Classic</h4>
                                    <ul>
                                        <li><a href="#">Loại Classic 1</a></li>
                                        <li><a href="#">Loại Classic 2</a></li>
                                        <li><a href="#">Loại Classic 3</a></li>
                                    </ul>
                                </div>
                            </div>
                            <div class="col1">
                                <div class="h_nav">
                                    <h4>Acoustic</h4>
                                    <ul>
                                        <li><a href="#">Loại Acoustic 1</a></li>
                                        <li><a href="#">Loại Acoustic 2</a></li>
                                        <li><a href="#">Loại Acoustic 3</a></li>
                                    </ul>
                                </div>
                            </div>
                            <div class="col1">
                                <div class="h_nav">
                                    <h4>Phụ kiện</h4>
                                    <ul>
                                        <li><a href="#">Loại Phụ kiện 1</a></li>
                                        <li><a href="#">Loại Phụ kiện 2</a></li>
                                        <li><a href="#">Loại Phụ kiện 3</a></li>
                                    </ul>
                                </div>
                            </div>
                            <img src="images/nav_img.jpg" alt="" width="300" height="220" />
                        </div>
                    </div>
                </li>
                <li class="active grid"><a class="color4" href="#">Khóa học</a></li>
                <li><a class="color5" href="#">Sự kiện</a>
                    <div class="megapanel">
                        <div class="row">
                            <div class="col2">
                                <div class="h_nav">
                                    <h4>Sự kiện sắp diễn ra</h4>
                                    <ul>
                                        <li><a href="#">Sự kiện sắp diễn ra 1</a></li>
                                        <li><a href="#">Sự kiện sắp diễn ra 2</a></li>
                                    </ul>
                                </div>
                            </div>
                            <div class="col2">
                                <div class="h_nav">
                                    <h4>Sự kiện gần đây</h4>
                                    <ul>
                                        <li><a href="#">Sự kiện gần đây 1</a></li>
                                        <li><a href="#">Sự kiện gần đây 2</a></li>
                                        <li><a href="#">Sự kiện gần đây 3</a></li>
                                        <li><a href="#">Sự kiện gần đây 4</a></li>
                                    </ul>
                                </div>
                            </div>
                            <img src="images/nav_img2.jpg" alt="" width="250" height="199" />
                        </div>
                    </div>
                </li>
                <li><a class="color6" href="#">Bài giảng</a>
                    <div class="megapanel">
                        <div class="row">
                            <div class="col2">
                                <div class="h_nav">
                                    <h4>Bài giảng sắp ra mắt</h4>
                                    <ul>
                                        <li><a href="#">Bài giảng sắp ra mắt 1</a></li>
                                        <li><a href="#">Bài giảng sắp ra mắt 2</a></li>
                                        <li><a href="#">Bài giảng sắp ra mắt 3</a></li>
                                    </ul>
                                </div>
                            </div>
                            <div class="col2">
                                <div class="h_nav">
                                    <h4>Bài giảng tiêu biểu</h4>
                                    <ul>
                                        <li><a href="#">Bài giảng tiêu biểu 1</a></li>
                                        <li><a href="#">Bài giảng tiêu biểu 2</a></li>
                                        <li><a href="#">Bài giảng tiêu biểu 3</a></li>
                                        <li><a href="#">Bài giảng tiêu biểu 4</a></li>
                                    </ul>
                                </div>
                            </div>
                            <div class="col2">
                                <div class="h_nav">
                                    <h4><a href="#">Tất cả các bài giảng</a></h4>
                                </div>
                            </div>
                        </div>
                    </div>
                </li>
            </ul>
            <div class="clear"></div>
        </div>
    </div>
    @RenderSection("featured", required: false)
    <div class="main" style="min-height: 500px;">
        @RenderBody()
    </div>

    <div class="footer">
        <div class="footer-top">
            <div class="wrap">
                <div class="col_1_of_footer-top span_1_of_footer-top">
                    <ul class="f_list">
                        <li>
                            <img src="images/f_icon.png" alt="" /><span class="delivery">Free ship hàng trên toàn quốc</span></li>
                    </ul>
                </div>
                <div class="col_1_of_footer-top span_1_of_footer-top">
                    <ul class="f_list">
                        <li>
                            <img src="images/f_icon1.png" alt="" /><span class="delivery">Hỗ trợ :<span class="orange">  0982.478.186 (freephone)</span></span></li>
                    </ul>
                </div>
                <div class="col_1_of_footer-top span_1_of_footer-top">
                    <ul class="f_list">
                        <li>
                            <img src="images/f_icon2.png" alt="" /><span class="delivery">Nhanh chóng và thuận tiện</span></li>
                    </ul>
                </div>
                <div class="clear"></div>
            </div>
        </div>
        <div class="footer-middle">
            <div class="wrap">
                <div class="section group">
                    <div class="col_1_of_middle span_1_of_middle">
                        <dl id="sample" class="dropdown">
                            <dt><a href="#"><span>Xem nhanh</span></a></dt>
                            <dd></dd>
                        </dl>
                    </div>
                    <div class="col_1_of_middle span_1_of_middle">
                        <ul class="f_list1">
                            <li><span class="m_8">Đăng ký email để được giảm giá</span>
                                <div class="search">
                                    <input type="text" name="s" class="textbox" value="Search" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Search';}">
                                    <input type="submit" value="Subscribe" id="submit" name="submit">
                                    <div id="response"></div>
                                </div>
                                <div class="clear"></div>
                            </li>
                        </ul>
                    </div>
                    <div class="clear"></div>
                </div>
            </div>
        </div>
        <div class="footer-bottom">
            <div class="wrap">
                <div class="section group">
                    <div class="col_1_of_5 span_1_of_5">
                        <h3 class="m_9">Shop Guitar</h3>
                        <ul class="sub_list">
                            <li><a href="#">Classic</a></li>
                            <li><a href="#">Acoustic</a></li>
                            <li><a href="#">Phụ kiện</a></li>
                        </ul>
                    </div>
                    <div class="col_1_of_5 span_1_of_5">
                        <h3 class="m_9">Bài giảng</h3>
                        <ul class="list1">
                            <li><a href="#">Các bài giảng</a></li>
                            <li><a href="#">Các bài giảng</a></li>
                            <li><a href="#">Các bài giảng</a></li>
                            <li><a href="#">Các bài giảng</a></li>
                            <li><a href="#">Các bài giảng</a></li>
                        </ul>
                    </div>
                    <div class="col_1_of_5 span_1_of_5">
                        <h3 class="m_9">Khóa học</h3>
                        <ul class="list1">
                            <li><a href="#">Các khóa học</a></li>
                            <li><a href="#">Các khóa học</a></li>
                            <li><a href="#">Các khóa học</a></li>
                            <li><a href="#">Các khóa học</a></li>
                        </ul>
                    </div>
                    <div class="col_1_of_5 span_1_of_5">
                        <h3 class="m_9">Sản phẩm phổ biên</h3>
                        <ul class="list1">
                            <li><a href="#">Sản phẩm phổ biên</a></li>
                            <li><a href="#">Sản phẩm phổ biên</a></li>
                            <li><a href="#">Sản phẩm phổ biên</a></li>
                            <li><a href="#">Sản phẩm phổ biên</a></li>
                            <li><a href="#">Sản phẩm phổ biên</a></li>
                        </ul>
                    </div>
                    <div class="col_1_of_5 span_1_of_5">
                        <h3 class="m_9">Hỗ trợ & liên lạc</h3>
                        <ul class="list1">
                            <li><a href="#">Hỗ trợ & liên lạc</a></li>
                        </ul>
                        <ul class="sub_list2">
                            <h4 class="m_10">Hỗ trợ & liên lạc</h4>
                            <li><a href="#">About Us</a></li>
                            <li><a href="#">Careers</a></li>
                            <li><a href="#">Press</a></li>
                        </ul>
                    </div>
                    <div class="clear"></div>
                </div>
            </div>
        </div>
        <div class="copy">
            <div class="wrap">
                <p>© All rights reserved | Template by&nbsp;<a href="#"> vietappstudio.com</a></p>
            </div>
        </div>
    </div>
    <script type="text/javascript">
        $(document).ready(function () {

            var defaults = {
                containerID: 'toTop', // fading element id
                containerHoverID: 'toTopHover', // fading element hover id
                scrollSpeed: 1200,
                easingType: 'linear'
            };


            $().UItoTop({ easingType: 'easeOutQuart' });

        });
    </script>
    <a href="#" id="toTop" style="display: block;"><span id="toTopHover" style="opacity: 1;"></span></a>
</body>
</html>
